<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
    <title>ABCDessin</title>
    
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="jquery.mobile.custom/custom.css" />
	<link rel="stylesheet" href="jquery.mobile/jquery.mobile.structure-1.2.0.css" />

 	
    <script src="jquery.mobile/jquery-1.7.2.min.js"></script>
	<script src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
	<script type="text/javascript" charset="utf-8" src="js-project/image-handler.js"></script>
	<script type="text/javascript" charset="utf-8" src="js-project/song-handler.js"></script>
	<script type="text/javascript" charset="utf-8" src="index.js"></script>
	<script type="text/javascript">
		pageManager = null;
		$(document).ready(function() {
	    	// Initialiseur du manager de la page
			pageManager = new pageMainMenu();
			pageManager.initialize();
		});
	</script>
  
	<!-- CDN Respositories: For production, replace lines above with these uncommented minified versions -->
	<!-- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />-->
	<!-- <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>-->
	<!-- <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>-->
	</head>
  	<body>
	<div data-role="page" id="page-home" class="type-interior" data-theme="a">
		<div data-role="header" data-theme="a">
			<h1>Intro</h1>
	 		<a href="#" data-icon="home" data-iconpos="notext" id="intro" class="ui-btn-right">Accueil
	 		</a>
		</div>
		<div data-role="content"  id="content" data-theme="a">	
			<div class="page">
			    <div class="ligne">        
			    	<a href="apprentissage.html"> 
			        	<div class="tile tileLargo rouge">
			        		Apprendre <br />
			        		<img src="css/images/apprendre.png" />
			        	</div>
			        </a>
			    </div>
			    <div class="ligne">    
			    	<a href="menu-jeux.html" rel="external">              
			        	<div class="tile jaune">	
			        		Jeux <br />
			        		<img src="css/images/jeux.png" />
			        	</div>
			        </a>
			        <a href="dessiner.html"> 
			        	<div class="tile bleu">
			        		Dessiner <br />
			        		<img src="css/images/dessiner.png" />
			        	</div>  
			        </a>        
			    </div>      
			    <div class="ligne">   
			    	<a href="resultats.html">              
			        	<div class="tile tileLargo vert">
			        		R&eacute;sultats <br />
			        		<img src="css/images/resultats.png" />
			        	</div>
			        </a> 
			    </div>
			</div>
		</div>
	</div>			
  </body>
</html>
